<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link rel="shortcut icon" href="images/favicon.ico" />
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <link rel="stylesheet" href="css/scrollbar.css" type="text/css" />
        <link rel="stylesheet" href="css/demo_table.css" type="text/css" />
        <link rel="stylesheet" href="css/demo_table_jui.css" type="text/css" />
        <link rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css" type="text/css" />
        <!--[if IE]>
                <link rel="stylesheet" type="text/css" href="iefail.css" />
        <![endif]-->
        <script type="text/javascript" src="js/_scripts.jsp"></script>
        <title>TutWiz</title>
    </head>
    <body>
        <div id="showSingle">
            <div id="tutorialID" class="hidden">-1</div>
            <div id="tutorialLength" class="hidden">-1</div>
            <div id="currentStep" class="hidden">-1</div>
            <div id="singleContainer">
                <div id="tabletContainer">
                    <div id="tabletContent">
                        <div id="showAll">
                        </div>
                        <div id="oneTutorial">
                            <div id="nav">

                            </div>
                            <div id="pageContent">
                                <div id="tutorialEntry">
									<a id="backButton" href="#s">List all tutorials</a>
                                    <h1></h1>
                                    <p id="tutorialMeta"></p>
                                    <p id="stepText"></p>
                                    <div id="stepData"></div>
                                </div>
								
                                <div id="tutorialProgress">
                                    <p id="progressText">1/100</p>
                                    <div id="progressBar">
                                        <div id="progressBarCompleted"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="navContainer">
                        <div id="btnContainer">
                            <div id="btnPrev"><a>Previous</a></div>
                            <div id="btnNext"><a>Next</a></div>
                        </div>
                    </div>
                </div>
                <div id="commentToggel"><a class="commentButton" href="javascript:void(0);">Show comments</a></div>
                <div id="commentAdd"><a class="commentButton" href="javascript:void(0);">Add comment</a></div>
                <div id="commentContainer">
                </div> 
            </div>
        </div>
    </body>
</html>
